<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>照片旋转滑动展示</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
  <div class="container">
    <!-- 按这种格式我写了 15 组，大家可以按自己内容有所调整 -->
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">照片展示</p>
        <p class="content-subtitle">（文字、图片请自行调整）</p>
      </div>
    </section>

    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">芒果</p>
        <p class="content-subtitle">芒果最早是在5000多年前在印度种植。</p>
      </div>
    </section>

    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">蓝莓</p>
        <p class="content-subtitle">蓝莓被北美土著人称为“星果”，因为蓝莓开花端形成的五角星形。</p>
      </div>
    </section>

    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">菠萝</p>
        <p class="content-subtitle">菠萝含有菠萝蛋白酶，菠萝蛋白酶能分解菠萝本身的蛋白质，所以你可以用菠萝来嫩肉。</p>
      </div>
    </section>

    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">覆盆子</p>
        <p class="content-subtitle">在曾经的土耳其国度，特洛伊人是第一个注意到欣赏树莓果实。</p>
      </div>
    </section>

    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">草莓</p>
        <p class="content-subtitle">从技术上讲，草莓内部有种子，而且它们不是来自一个子房，所以草莓实际上是一组完全属于它们自己的。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">橘子</p>
        <p class="content-subtitle">橙子大约起源于公元前4000年的东南亚，然后传播到印度。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">西瓜</p>
        <p class="content-subtitle">有趣的事实：西瓜既是水果又是蔬菜。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">鳄梨</p>
        <p class="content-subtitle">鳄梨和肉桂属于同一科。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">青柠</p>
        <p class="content-subtitle">19世纪，英国水手用青柠和柠檬来预防坏血病。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">樱桃</p>
        <p class="content-subtitle">你知道樱桃树七秒钟就能收获吗？</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">香蕉</p>
        <p class="content-subtitle">香蕉的学名是 musa sapientum，意思是“智者之果”</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">梨</p>
        <p class="content-subtitle">梨是玫瑰家族的一部分。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper">
        <p class="content-title">桃子</p>
        <p class="content-subtitle">美国每年种植19亿磅的桃子。</p>
      </div>
    </section>
  
    <section class="background">
      <div class="content-wrapper last-wrap">
        <p class="content-title last-title">感谢使用</p>
        <p class="content-subtitle">请自行改变成需要的内容~</p>
      </div>
    </section>
  </div>

<!-- partial -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script><script src="./script.js"></script>
</body>
</html>